.qipan {
  display: grid;
  grid-template-columns: repeat(3, 100px);
  grid-template-rows: repeat(3, 100px);
  gap: 10px;
  margin: 0 auto;
  width: 300px;
  height: 300px;
  background-color: #2b2626c0;
}

.qizi {
  width: 10px;
  height: 10px;
  margin: 10px;
  display: inline-block;
  cursor: pointer;
}

.qizi0 {
  background-color: #f1c4c4c0;
}
.qizi1 {
  background-color: #fc5843c0;
}
.qizi2 {
  background-color: #3addfac0;
}

.qizi:hover {
  background-color: #ccc;
}
